<template>
    <div>
      <runoob></runoob>
    </div>
</template>
<script>
// var Child = {
//   template: '<h1>这是 Child 自定义组件!</h1>'
// }
export default {
  name: 'myComponent',
  data () {
    return {
      title: 'myComponent'
    }
  },
  computed: {
  },
  methods: {
  },
  watch: {
  },
  components: {
    'runoob': {
      template: '<h1>自定义组件!</h1>'
    }
  }
}
</script>

<style>
.text-danger {
  background: red;
}
</style>
